<include file="public@header"/>
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
</head>
<body>
<div class="wrap">
    <form method="post" class="form-horizontal js-ajax-form-new margin-top-20" action="{:url('pay/member/addPost')}">
        <div class="form-group">
            <label for="input-user_login" class="col-sm-2 control-label">上级用户</label>
            <div class="col-md-6 col-sm-10">
                <input class="form-control" type="text" style="width:400px;" value=""
                       placeholder="上级用户" onclick="doSelectCategory();" id="js-categories-name-input"
                       readonly/>
                <input class="form-control" type="hidden" value="" name="pid"
                       id="js-categories-id-input"/>
            </div>
        </div>
        <div class="form-group">
            <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>账号</label>
            <div class="col-md-6 col-sm-10">
                <input type="text" class="form-control" id="input-user_login" name="user_login" placeholder="账号"
                       required>
            </div>
        </div>
        <div class="form-group">
            <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>昵称</label>
            <div class="col-md-6 col-sm-10">
                <input type="text" class="form-control" id="input-user_login" name="user_nickname" placeholder="昵称"
                       required>
            </div>
        </div>
        <div class="form-group">
            <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>用户等级</label>
            <div class="col-md-6 col-sm-10">
                <foreach name="member_level" item="vo">
                    <input type="radio" name="level_id" value="{$vo.id}">&nbsp;{$vo.name}&nbsp;&nbsp;&nbsp;
                </foreach>
            </div>
        </div>
        <div class="form-group">
            <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>登录密码</label>
            <div class="col-md-6 col-sm-10">
                <input type="password" class="form-control" id="input-user_pass" name="user_pass" placeholder="登录密码"
                       required>
            </div>
        </div>
        <div class="form-group">
            <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>交易密码</label>
            <div class="col-md-6 col-sm-10">
                <input type="password" class="form-control" id="input-user_pass" name="pay_pass" placeholder="交易密码"
                       required>
            </div>
        </div>
        <div class="form-group">
            <label for="input-user_login" class="col-sm-2 control-label">备注</label>
            <div class="col-md-6 col-sm-10">
                <textarea class="form-control" name="remark" style="height: 100px;" placeholder="备注"></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button>
            </div>
        </div>
    </form>
</div>
<script src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    $(function () {

        editorcontent = new baidu.editor.ui.Editor();
        editorcontent.render('content');
        try {
            editorcontent.sync();
        } catch (err) {
        }

        $('.btn-cancel-thumbnail').click(function () {
            $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
            $('#thumbnail').val('');
        });

    });

    function doSelectCategory() {
        var selectedCategoriesId = $('#js-categories-id-input').val();
        openIframeLayer("{:url('Member/select')}?ids=" + selectedCategoriesId, '请选择', {
            area: ['800px', '600px'],
            btn: ['确定', '取消'],
            yes: function (index, layero) {
                //do something

                var iframeWin = window[layero.find('iframe')[0]['name']];
                var selectedCategories = iframeWin.confirm();
                if (selectedCategories.selectedCategoriesId.length == 0) {
                    layer.msg('请选择');
                    return;
                }
                $('#js-categories-id-input').val(selectedCategories.selectedCategoriesId.join(','));
                $('#js-categories-name-input').val(selectedCategories.selectedCategoriesName.join(' '));
                layer.close(index); //如果设定了yes回调，需进行手工关闭
            }
        });
    }
</script>
</body>
</html>